<!--
 * @Description: 顶部导航
 * @Date: 2024-02-02 11:42:41
 * @FilePath: \demod:\12electron\electron-demo\src\renderer\src\components\NavBar.vue
-->
<template>
  <div class="container">
    <router-link :to="{ path: '/home' }">首页</router-link>
    <router-link :to="{ path: '/serialport' }">串口调试serialport</router-link>
    <router-link :to="{ path: '/modbus-serial' }">串口调试modbus-serial</router-link>
    <router-link :to="{ path: '/webRTC' }">webRTC视频通信</router-link>
    <router-link :to="{ path: '/webRTC-signaling' }">webRTC-signaling视频通信</router-link>
  </div>
</template>

<script lang="ts" setup name="NavBar"></script>

<style lang="scss" scoped>
.container {
  padding: 10px;
  font-size: 20px;
  color: #fff;
  margin-bottom: 5px;

  a {
    font-size: 26px;
    padding: 10px;
    margin: 10px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #ccc;

    &:hover {
      color: #409eff;
    }
  }
  .router-link-active {
    color: #e6a23c;
  }
}
</style>
